<!DOCTYPE html>
<html>
<!--源码：http://www.alloyteam.com/author/jarvis/page/2/-->
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="d3.v3.js"></script>
		<title>sunburst</title>
		<style>
			svg,
			g {
				pointer-events: all;
			}
			
			.axis path,
			.axis line {
				fill: none;
				stroke: #000;
				shape-rendering: crispEdges;
			}
			
			.title {
				text-anchor: middle;
				font-weight: 700;
			}
			/*.x.axis path {
  				display: none;
			}*/
			
			.line {
				fill: none;  /*曲线path的空隙部分*/
				 /*fill: silver;*/
				stroke: steelblue;
				stroke-width: 1.5px;
			}
			
			.linecircle {
				fill: green;
			}
			
			.linecircle:hover {
				fill: steelblue;
			}
			
			.flag {
				stroke: gray;
				stroke-dasharray: 5;
				stroke-width: 1.5;
				display: none;
				pointer-events: none;
			}
			
			.tips {
				pointer-events: none;
				display: none;
			}
			
			.tips-border {
				fill: #F3E4E4;
				stroke: gray;
				stroke-width: 2;
			}
			
			.grid .tick {
				stroke: lightgrey;
				opacity: 0.7;
			}
			
			.grid path {
				stroke-width: 0;
			}
		</style>
	</head>

	<body>
		<div id="foldLine"></div>
		<script type="text/javascript" src="foldLine.js"></script>
	</body>

</html>